<template>
    <div class="privilege-container">
        <van-row>
            <van-col span="6">
                <div class="privilege-item" @click="handleOpenPrivilege(0)">
                    <span class="icon-figure">实时</span>
                    <span>实时提醒</span>
                </div>
            </van-col>
            <van-col span="6">
                <div class="privilege-item" @click="handleOpenPrivilege(6)">
                    <span class="icon-figure">指导</span>
                    <span>实战指导</span>
                </div>
            </van-col>
            <van-col span="6">
                <div class="privilege-item" @click="handleOpenPrivilege(1)">
                    <span class="icon-figure">策略</span>
                    <span>策略权益</span>
                </div>
            </van-col>
            <van-col span="6">
                <div class="privilege-item" @click="handleOpenPrivilege(2)">
                    <span class="icon-figure">山寨</span>
                    <span>山寨权益</span>
                </div>
            </van-col>
            <van-col span="6">
                <div class="privilege-item" @click="handleOpenPrivilege(3)">
                    <span class="icon-figure">返现</span>
                    <span>高返现权益</span>
                </div>
            </van-col>
            <van-col span="6">
                <div class="privilege-item" @click="handleOpenPrivilege(4)">
                    <span class="icon-figure">跟单</span>
                    <span>跟单权益</span>
                </div>
            </van-col>
            <van-col span="6">
                <div class="privilege-item" @click="handleOpenPrivilege(5)">
                    <span class="icon-figure">代理</span>
                    <span>代理权益</span>
                </div>
            </van-col>
            <van-col span="6">
                <div class="privilege-item" @click="handleOpenPrivilege(7)">
                    <span class="icon-figure">更多</span>
                    <span>更多特权</span>
                </div>
            </van-col>
        </van-row>
        


        <!-- 会员权益
        1.策略权益，弹窗，五种策略任意选择，
        2.山寨权益，不定时提前潜伏中长线翻倍山寨，已经成功的，包
        3高返现权益，找老大确认
        4.跟单权益，享受weex一键跟单。
        5代理权益，邀请个人返现获得99u-168u不等，普通代理只有58u6.顶级代理招募，招募条件，需要成为年会员，返现99u-168u，普通只有58-99u，根据级别 -->
    </div>
</template>

<script>
import { showDialog } from 'vant';
export default {
    name: 'privilege',
    props: {},
    data() {
        return {
        };
    },
    components: {},
    computed: {},
    watch: {},
    mounted() {
        this.init();
    },
    methods: {
        init() {

        },
        handleOpenPrivilege(type) {
            const title = '会员权益说明';
            let content = '';
            switch (type) {
                case 0:
                    content = '24小时实时公众号推送提醒'
                    break;
                case 1:
                    content = '五种顶级策略任意选择'
                    break;
                case 2:
                    content = '不定时提前潜伏中长线翻倍山寨，一般埋伏周期1-3月不等，不定时短线打野博取短线收益'
                    break;
                case 3:
                    content = '各大平台高返现，weex最高返现50%-80%，okx35%，bitget50%，币安40%'
                    break;
                case 4:
                    content = '跟带单交易员在weex同平台，享受weex一键跟单，赚取超额收益'
                    break;
                case 5:
                    content = '邀请新会员返现获得58u-168u/月每人次不等'
                    break;
                case 6:
                    content = '帮您仓位管理，随时有问题私询，给您更多选择，不定时的人工策略单同步'
                    break;
                case 7:
                    content = '系统持续优化中，专属福利后续持续推进'
                    break;
            }
            showDialog({
                title,
                message: content,
                allowHtml: true,
                theme: 'round-button',
                confirmButtonText: '我知道了',
                className: 'dialog-default privilege-dialog'
            }).then(() => {
            // on close
            });
        }
       
        
    }
};
</script>
<style lang="less" scoped>
.privilege-item {
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #171717;
    margin-bottom: 5px;
    cursor: pointer;

    .icon-figure {
        width: 44px;
        height: 44px;
        line-height: 44px;
        text-align: center;
        border-radius: 100%;
        color: var(--main-color);
        background: #fff0f0;
    }
}


</style>